<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>SUI</title>
	<meta name="viewport" content="initial-scale=1, maximum-scale=1">
	<link rel="shortcut icon" href="/favicon.ico">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm.min.css">
	<link rel="stylesheet" href="//g.alicdn.com/msui/sm/0.6.2/css/sm-extend.min.css">

</head>
<body>
	<div class="page-group">	
		<!-- 导航栏 -->
		<div class="page" id="home">
			<div class="content">
				<div class="buttons-tab">
					<a href="#tab1" class="tab-link active button">全部</a>
					<a href="#tab2" class="tab-link button">待付款</a>
					<a href="#tab3" class="tab-link button">待发货</a>
				</div>
				<div class="content-block">
					<div class="tabs">
						<div id="tab1" class="tab active">
							<div class="content-block">
								<p>This is tab 1 content</p>
							</div>
						</div>
						<div id="tab2" class="tab">
							<div class="content-block">
								<p>This is tab 2 content</p>
							</div>
						</div>
						<div id="tab3" class="tab">
							<div class="content-block">
								<p>This is tab 3 content</p>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>

	</div>

	<script type='text/javascript' src='//g.alicdn.com/sj/lib/zepto/zepto.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm.min.js' charset='utf-8'></script>
	<script type='text/javascript' src='//g.alicdn.com/msui/sm/0.6.2/js/sm-extend.min.js' charset='utf-8'></script>

</body>
</html>